<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title></title>
    <link href="libs/weui/weuix.min.css" rel="stylesheet" />
    <link href="libs/swipe/swiper.min.css" rel="stylesheet" />
    <link href="css/common.css" rel="stylesheet"/>
    <link href="css/service.css" rel="stylesheet" />
    <title>便民服务</title>
</head>
<body class="page-bg">
    <div class="weui_tab tab-bottom">
        <div class="weui_btn_warn weui-header ">
            <div class="weui-header-left"> <a href="javascript:window.history.go(-1);" class="icon icon-109 f-white"></a>  </div>
            <h1 class="weui-header-title">便民服务</h1>
            <div class="weui-header-right">
                <!--<a class="icon icon-22 f-white"></a>-->
            </div>
        </div>
        <div class="weui_tab_bd">
            <div class="bm_service">
                <h4>缴费服务</h4>
                <div class="weui_grids grids-small">
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            <img src="imgs/icon-2.png" alt="煤气费" />
                        </div>
                        <p class="weui_grid_label">
                            煤气费
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            <img src="imgs/icon-4.png" alt="供暖费" />
                        </div>
                        <p class="weui_grid_label">
                            供暖费
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            <img src="imgs/icon-6.png" alt="电费" />
                        </div>
                        <p class="weui_grid_label">
                            电费
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            <img src="imgs/icon-5.png" alt="缴罚款" />
                        </div>
                        <p class="weui_grid_label">
                            缴罚款
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            <img src="imgs/icon-3.png" alt="水费" />
                        </div>
                        <p class="weui_grid_label">
                            水费
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            &nbsp;
                        </div>
                        <p class="weui_grid_label">
                            &nbsp;
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            &nbsp;
                        </div>
                        <p class="weui_grid_label">
                            &nbsp;
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            &nbsp;
                        </div>
                        <p class="weui_grid_label">
                            &nbsp;
                        </p>
                    </a>
                </div>
                <h4>网上预约</h4>
                <div class="weui_grids grids-small">
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            <img src="imgs/icon-2.png" alt="医院" />
                        </div>
                        <p class="weui_grid_label">
                            医院
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            <img src="imgs/icon-2.png" alt="银行" />
                        </div>
                        <p class="weui_grid_label">
                            银行
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            <img src="imgs/icon-2.png" alt="车票" />
                        </div>
                        <p class="weui_grid_label">
                            车票
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            <img src="imgs/icon-2.png" alt="快递" />
                        </div>
                        <p class="weui_grid_label">
                            快递
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            <img src="imgs/icon-2.png" alt="酒店" />
                        </div>
                        <p class="weui_grid_label">
                            酒店
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            <img src="imgs/icon-2.png" alt="机票" />
                        </div>
                        <p class="weui_grid_label">
                            机票
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            &nbsp;
                        </div>
                        <p class="weui_grid_label">
                            &nbsp;
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            &nbsp;
                        </div>
                        <p class="weui_grid_label">
                            &nbsp;
                        </p>
                    </a>
                </div>
                <h4>线上咨询</h4>
                <div class="weui_grids grids-small">
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            <img src="imgs/icon-2.png" alt="房管局" />
                        </div>
                        <p class="weui_grid_label">
                            房管局
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            &nbsp;
                        </div>
                        <p class="weui_grid_label">
                            &nbsp;
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            &nbsp;
                        </div>
                        <p class="weui_grid_label">
                            &nbsp;
                        </p>
                    </a>
                    <a href="javascript:;" class="grid">
                        <div class="weui_grid_icon">
                            &nbsp;
                        </div>
                        <p class="weui_grid_label">
                            &nbsp;
                        </p>
                    </a>
                </div>
            </div>
        </div>
        <div class="weui_tabbar">
            <a href="javascript:;" class="weui_tabbar_item weui_bar_item_on">
                <div class="weui_tabbar_icon">
                    <img src="imgs/home-icon.png" alt="首页">
                </div>
                <p class="weui_tabbar_label">首页</p>
            </a>
            <a href="javascript:;" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="imgs/trade-icon.png" alt="买卖">
                </div>
                <p class="weui_tabbar_label">买卖</p>
            </a>
            <a href="javascript:;" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="imgs/news-icon.png" alt="资讯">
                </div>
                <p class="weui_tabbar_label">资讯</p>
            </a>
            <a href="javascript:;" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="imgs/service-icon.png" alt="服务">
                </div>
                <p class="weui_tabbar_label">服务</p>
            </a>
            <a href="javascript:;" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="imgs/my-icon.png" alt="我的">
                </div>
                <p class="weui_tabbar_label">我的</p>
            </a>
        </div>
    </div>
</body>

<script type="text/javascript" src="libs/zepto/zepto.min.js"></script>
<script type="text/javascript" src="libs/swipe/swiper.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</html>